<template>
<div class="main">
<div class="Breadcrumb">

</div>
<div>学员宿舍</div>
</div>
</template>

<script>
  export default {
    meta:{
      title:'xysh',
      name:'学员宿舍',
      icon:"iconfont icon-shouye"
    },
  }
</script>
<style lang="less" scoped>
#app{
     .layout-container{
            .el-container{
                .is-vertical{
                    .el-main{
                        .main{
                            line-height: 14px;
                            font-size: 14px;
                            text-align: left;
                            .Breadcrumb{
                                margin: 20px 0 30px 0;
                                .Breadcrumb__item:nth-of-type(1){
                                  font-weight: 900;
                                }
                                .Breadcrumb__item:nth-of-type(1):active{
                                  color:skyblue
                                }
                                .Breadcrumb__item:nth-of-type(2){
                                  font-weight: 900;
                                }
                                .Breadcrumb__item:nth-of-type(1):hover{
                                  cursor: pointer;
                                  color:skyblue
                                }
                            }
                        }
                    }
                }
            }
        }
    
}

</style>